<template>
  <div class="mui-pages">
    <header class="mui-bar mui-bar-nav flex-justify-start">
      <span @click="fn.back()" class="mui-action-back"><img class="back-btn" src="../../../static/images/back.png"></span>
      <h1 class="mui-title">账户与安全</h1>
    </header>
    <div class="mui-page-content">
      <div class="mui-scroll-wrapper">
        <div class="mui-scroll">
          <ul class="mui-table-view">
            <li class="mui-table-view-cell list-item">
              账户名<span class="mui-pull-right">{{userInfo.userNo}}</span>
            </li>
            <li class="mui-table-view-cell list-item">
              账户状态<span class="mui-pull-right work-blue">有效</span>
            </li>
            <li @click="goModiPwd()" class="mui-table-view-cell list-item mine-lists-content">
              密码修改<span class="mui-pull-right mui-icon mui-icon-arrowright"></span>
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import tools from '@/utils/tools'
  export default {
    name: '',
    data () {
      return {
        fn: tools,
        data: {},
        userInfo: this.$store.state.userInfo
      }
    },
    computed: {
    },
    methods: {
      goModiPwd () {
        this.go('modiPwd')
      },
      go (name) {
        this.$router.push({name: name})
      }
    }
  }
</script>

<style scoped lang="">

</style>
